<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
        <title>Checkerboard</title></head>
<body bgcolor=silver>
    <br><br>
    <table cellspacing=0>
        <!----------------------------
        Пример 1wl-Rook.png
        1 имя фигуры, w-белая l-левая

        1-ладья/Rook
        2-конь/Knight
        3-слон/Bishop
        4-ферзь/Queen
        5-король/King
        6-пешка/Pawn

        Who + What + Where + When = Context or chess)
        ------------------------>
        <tr>
            <td width=20>8</td>
            <td height=80 width=80 bgcolor=#fbecb6>
                <img height=80 width=80 src="./images/img-white/1wl-Rook.png"border=0 ></td>
            <td bgcolor=#b77d31>
                <img height=80 width=80 src="./images/img-white/2wl-Knight.png" border=0></td>
            <td bgcolor=#fbecb6>
                <img height=80 width=80 src="./images/img-white/3wl-Bishop.png"border=0></td>
            <td bgcolor=#b77d31>
                <img height=80 width=80 src="./images/img-white/5w-King.png" border=0></td>
            <td bgcolor=#fbecb6>
                <img height=80 width=80 src="./images/img-white/4w-Queen.png" border=0></td>
            <td bgcolor=#b77d31>
                <img height=80 width=80 src="./images/img-white/3wr-Bishop.png" border=0></td>
            <td bgcolor=#fbecb6>
                <img height=80 width=80 src="./images/img-white/2wr-Knight.png" border=0></td>
            <td bgcolor=#b77d31>
                <img align="center" height=80 width=80 src="./images/img-white/1wr-Rook.png" border=0 ></td>
        </tr>
        <tr>
            <td width=20>7</td>
            <td height=80 width=80 bgcolor=#b77d31>
                <img height=80 width=80 src="./images/img-white/6w-1-Pawn.png" border=0></td>
            <td bgcolor=#fbecb6>
                <img height=80 width=80 src="./images/img-white/6w-2-Pawn.png" border=0></td>
            <td bgcolor=#b77d31>
                <img height=80 width=80 src="./images/img-white/6w-3-Pawn.png" border=0></td>
            <td bgcolor=#fbecb6>
                <img height=80 width=80 src="./images/img-white/6w-4-Pawn.png" border=0></td>
            <td bgcolor=#b77d31>
                <img height=80 width=80 src="./images/img-white/6w-5-Pawn.png" border=0></td>
            <td bgcolor=#fbecb6>
                <img height=80 width=80 src="./images/img-white/6w-6-Pawn.png" border=0></td>
            <td bgcolor=#b77d31>
                <img height=80 width=80 src="./images/img-white/6w-7-Pawn.png" border=0></td>
            <td bgcolor=#fbecb6>
                <img height=80 width=80 src="./images/img-white/6w-8-Pawn.png" border=0></td>
        </tr>
        <tr>
            <td width=20>6</td>
            <td height=80 width=80 bgcolor=#fbecb6>  </td>
            <td bgcolor=#b77d31>  </td>
            <td bgcolor=#fbecb6>  </td>
            <td bgcolor=#b77d31>  </td>
            <td bgcolor=#fbecb6>  </td>
            <td bgcolor=#b77d31>  </td>
            <td bgcolor=#fbecb6>  </td>
            <td bgcolor=#b77d31>  </td>
        </tr>
        <tr>
            <td width=20>5</td>
            <td height=80 width=80 bgcolor=#b77d31>  </td>
            <td bgcolor=#fbecb6>  </td>
            <td bgcolor=#b77d31>  </td>
            <td bgcolor=#fbecb6>  </td>
            <td bgcolor=#b77d31>  </td>
            <td bgcolor=#fbecb6>  </td>
            <td bgcolor=#b77d31>  </td>
            <td bgcolor=#fbecb6>  </td>
        </tr>
        <tr>
            <td width=20>4</td>
            <td height=80 width=80 bgcolor=#fbecb6>  </td>
            <td bgcolor=#b77d31>  </td>
            <td bgcolor=#fbecb6>  </td>
            <td bgcolor=#b77d31>  </td>
            <td bgcolor=#fbecb6>  </td>
            <td bgcolor=#b77d31>  </td>
            <td bgcolor=#fbecb6>  </td>
            <td bgcolor=#b77d31>  </td>
        </tr>
        <tr>
            <td width=20>3</td>
            <td height=80 width=80 bgcolor=#b77d31>  </td>
            <td bgcolor=#fbecb6>  </td>
            <td bgcolor=#b77d31>  </td>
            <td bgcolor=#fbecb6>  </td>
            <td bgcolor=#b77d31>  </td>
            <td bgcolor=#fbecb6>  </td>
            <td bgcolor=#b77d31>  </td>
            <td bgcolor=#fbecb6>  </td>
        </tr>
        <tr>
            <td width=20>2</td>
            <td height=80 width=80 bgcolor=#fbecb6>
                <img height=80 width=80 src="./images/img-black/6b-1-Pawn.png" border=0></td>
            <td bgcolor=#b77d31>
                <img height=80 width=80 src="./images/img-black/6b-2-Pawn.png" border=0></td>
            <td bgcolor=#fbecb6>
                <img height=80 width=80 src="./images/img-black/6b-3-Pawn.png" border=0></td>
            <td bgcolor=#b77d31>
                <img height=80 width=80 src="./images/img-black/6b-4-Pawn.png" border=0></td>
            <td bgcolor=#fbecb6>
                <img height=80 width=80 src="./images/img-black/6b-5-Pawn.png" border=0></td>
            <td bgcolor=#b77d31>
                <img height=80 width=80 src="./images/img-black/6b-6-Pawn.png" border=0></td>
            <td bgcolor=#fbecb6>
                <img height=80 width=80 src="./images/img-black/6b-7-Pawn.png" border=0></td>
            <td bgcolor=#b77d31>
                <img height=80 width=80 src="./images/img-black/6b-8-Pawn.png"></td>
        </tr>
        <tr>
            <td width=20>1</td>
            <td height=80 width=80 bgcolor=#b77d31>
                <img height=80 width=80 src="./images/img-black/1bl-Rook.png" border=0></td>
            <td bgcolor=#fbecb6>
                <img height=80 width=80 src="./images/img-black/2bl-Knight.png" border=0></td>
            <td bgcolor=#b77d31>
                <img height=80 width=80 src="./images/img-black/3bl-Bishop.png" border=0></td>
            <td bgcolor=#fbecb6>
                <img height=80 width=80 src="./images/img-black/5b-King.png" border=0></td>
            <td bgcolor=#b77d31>
                <img height=80 width=80 src="./images/img-black/4b-Queen.png" border=0></td>
            <td bgcolor=#fbecb6>
                <img height=80 width=80 src="./images/img-black/3br-Bishop.png" border=0></td>
            <td bgcolor=#b77d31>
                <img height=80 width=80 src="./images/img-black/2br-Knight.png" border=0></td>
            <td bgcolor=#fbecb6>
                <img height=80 width=80 src="./images/img-black/1br-Rook.png"></td>
        </tr>
        <tr>
            <td height=20 weight=20></td>
            <td height=20>a</td>
            <td height=20>b</td>
            <td height=20>c</td>
            <td height=20>d</td>
            <td height=20>e</td>
            <td height=20>f</td>
            <td height=20>g</td>
            <td height=20>h</td>
        </tr>
    </table>
</body>
</html>